<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>SeatPoint</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap-glyphicons.css">
    <link rel="stylesheet" type="text/css" href="../css/webpages/dashboard.css">
    <script src="../js/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="../css/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../js/dashboard.js" type="text/javascript"></script>
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a href="DashboardPM.html"><img src="../images/seatpoint-white-border.png" /></a>
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
                    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
                    </span>
                </button>
            </div>
            <div class="navbar-collapse collapse" id="navbar-main">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#" id="themes">Dashboard</a> </li>
                    <li><a href="under-construction.html">Manage Request</a> </li>
                    <li><a href="manage-seat.html">Manage Seat</a> </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#"><span class="glyphicon glyphicon-globe"></span></a></li>
                    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#" id="A1">
                        Hi Charles! <span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="setting">
                            <li><a tabindex="-1" href="login.html">Logout</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">Help</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="page-header" id="banner">
            <div class="row">
                <div class="col-lg-6">
                    <img src="../images/seatpoint-logo-sub.png" />
                </div>
                <div class="col-lg-6">
                    <div class="well">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button" value="search" id="btn-search">
                                        Search</button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bs-docs-section">
            <div id="currentseatassignment">
                <span class="label label-info">Your Current Seat Assignment is PIC3FA2-1</span>
            </div>
            <div class="map-filter">
                <div class="row">
                    <div class="form-group">
                        <label for="map-filter" class="col-lg-2 control-label">
                            Location/Floor/Quadrant</label>
                        <div class="col-lg-2">
                            <select class="form-control" id="location">
                                <option value="PIC3F.png">PIC</option>
                                <option value="PTC22F.png">PTC</option>
                            </select>
                        </div>
                        <div class="col-lg-2">
                            <select class="form-control" id="floor">
                                <option value="PIC3F.png">Select One</option>
                                <option value="PIC3F.png">3F</option>
                                <option value="PIC4F.png">4F</option>
                            </select>
                        </div>
                        <div class="col-lg-2">
                            <select class="form-control" id="quadrant">
                                <option>Select One</option>
                                <option value="PIC3FA.png">Q1</option>
                                <option value="PIC3FB.png">Q2</option>
                                <option value="PIC3FC.png">Q3</option>
                                <option value="PIC3FD.png">Q4</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div id="seatmap">
                <div class="row">
                    <div class="col-lg-1">
                    </div>
                    <div class="col-lg-10">
                        <div id="seatmapDiv">
                            <img src="../images/PIC3F.png" id="imgSeatmap">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer>

		<div class="row">
			<div class="col-lg-12">


				<p>&copy; 2013</p>
				<p>
					<a href="http://www.pointwset.com">www.pointwest.com</a>.
				</p>
				<p>Group 1</p>

			</div>
		</div>
		</footer>
    </div>
</body>
</html>
